.content {
  padding: 80rpx 32rpx 0rpx;

  .panel {
    border-radius: 16rpx;
    background-color: #fff;
    padding-bottom: 48rpx;
    overflow: hidden;
    .code-content {
      display: flex;
      position: relative;
      .qrcode {
        position: relative;
        top: -100rpx;
        left: -75rpx;
      }
      .barcode {
        position: relative;
        top: 0rpx;
        left: 32rpx;
      }
      .title {
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 32rpx;
        left: 50%;
        transform: translateX(-50%);
        font-size: 32rpx;
        color: #333
      }
    }
  }
}

#qrcode{
  width: 750rpx;
  height: 750rpx;
}

.number-content {
	display: flex;
	align-items: center;
	flex-direction: row;
	
	.number-title {
		width: 48rpx;
		height: 24rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 20rpx;
		background-color: #2966C1;
		color: #fff;
		padding-left: 8rpx;
		padding-right: 8rpx;
		margin-right: 16rpx;
	}
	.number-detail {
		font-size: 24rpx;
		color: #999;
	}
}